<template>
  <view 
    class="result-custom-page"
    v-if="isLoadOk"
  >
    <image class="res-img" :src="report.resImg" mode="widthFix"></image>
  </view>
</template>

<script>
  import BlockTit from '@/subcontractorB/components/BlockTit.vue'
  export default {
    components:{
      BlockTit
    },
    props:{
      pageData:{
        type:Object,
        default:null
      }
    },
    data(){
      return {
        staticImgs:{
          topBg:this.imgBaseURL + '/scl/scl_result_custom_bg.png',
        },
        report:{},
        isLoadOk:false
      }
    },
    watch:{
      pageData:{
        handler(v){
          console.log(v,'======pageDatas')
          if(v){
            this.report = v
            this.report.resImg = v.resImg//this.imgBaseURL + '/scl/result/YLQYB/img-elsl.png'
            this.isLoadOk = true
          }
        },
        immediate:true,
        deep:true
      }
    },
    methods:{}
  }
</script>

<style lang="scss" scoped>
  view{
    box-sizing: border-box;
    word-break: break-all;
  }
  
  .result-custom-page{
    width: 100vw;
    .res-img{
      width: 100%;
    }
  }
  
  
</style>